<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>阿正的小电商-我的订单</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/doc.css" rel="stylesheet">


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body style="padding-top: 70px">

	<%@ include file="top.jsp"%>

    <div class="container">

	
	<!-- 订单列表区 -->
	<div class="panel panel-default">
	  <div class="panel-heading">我的订单</div>
	  <div class="panel-body">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>#</th>
            <th><span class="glyphicon glyphicon-barcode"></span> 订单号</th>
            <th><span class="glyphicon glyphicon-gift"></span> 订单产品</th>
            <th><span class="glyphicon glyphicon-user"></span> 订单客户</th>
            <th><span class="glyphicon glyphicon-usd"></span> 订单金额</th>
            <th><span class="glyphicon glyphicon-time"></span> 订单时间</th>
            <th><span class="glyphicon glyphicon-cog"></span> 操作</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>001</td>
            <td>sony mp3,iphone</td>
            <td>执政</td>
            <td>￥7,900.00</td>
            <td>2013-11-12 10:50:55</td>
            <td><span class="glyphicon glyphicon-folder-open"></span> 查看</td>
          </tr>
          <tr>
            <td>2</td>
            <td>002</td>
            <td>sony mp3,iphone</td>
            <td>执政</td>
            <td>￥7,900.00</td>
            <td>2013-11-12 10:50:55</td>
            <td><span class="glyphicon glyphicon-folder-open"></span> 查看</td>
          </tr>
          <tr>
            <td>3</td>
            <td>003</td>
            <td>sony mp3,iphone</td>
            <td>执政</td>
            <td>￥7,900.00</td>
            <td>2013-11-12 10:50:55</td>
            <td><span class="glyphicon glyphicon-folder-open"></span> 查看</td>
          </tr>
        </tbody>
      </table>
	  </div>
	</div>

	<!-- 产品列表区 -->


<!-- 弹出窗口 -->
<!-- login Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="login_win" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="login_win">登陆窗口</h4>
      </div>
      <div class="modal-body">
		  <div class="form-group">
			<label for="login_name">登录名</label>
			<input type="text" class="form-control" id="login_name" placeholder="登录名">
		  </div>
		  <div class="form-group">
			<label for="login_pwd">登陆密码</label>
			<input type="password" class="form-control" id="login_pwd" placeholder="登陆密码">
		  </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">登陆</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->	

<!-- 注册 -->
<div class="modal fade" id="regModal" tabindex="-1" role="dialog" aria-labelledby="reg_win" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="reg_win">注册窗口</h4>
      </div>
      <div class="modal-body">
		  <div class="form-group">
			<label for="reg_login_name">登录邮箱</label>
			<input type="email" class="form-control" id="reg_login_name" placeholder="登录邮箱">
		  </div>
		  <div class="form-group">
			<label for="reg_login_pwd">登陆密码</label>
			<input type="password" class="form-control" id="reg_login_pwd" placeholder="登陆密码">
		  </div>
		  <div class="form-group">
			<label for="reg_relogin_pwd">确认密码</label>
			<input type="password" class="form-control" id="reg_relogin_pwd" placeholder="确认密码">
		  </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">注册</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->	

<!-- 产品管理 -->
<div class="modal fade" id="productModal" tabindex="-1" role="dialog" aria-labelledby="product_win" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="product_win">产品管理窗口</h4>
      </div>
      <div class="modal-body">
		  <div class="form-group">
			<label for="product_catalog">产品目录</label>
			<select id="product_catalog" class="form-control">
			  <option value="0" selected>--产品目录--</option>
			  <option>数码</option>
			  <option>图书</option>
			  <option>服装</option>
			  <option>美食</option>
			</select>			
		  </div>

		  <div class="form-group">
			<label for="product_name">产品名称</label>
			<input type="text" class="form-control" id="product_name" placeholder="产品名称">
		  </div>
		  <div class="form-group">
			<label for="product_model">产品型号</label>
			<input type="text" class="form-control" id="product_model" placeholder="产品型号">
		  </div>
		  <div class="form-group">
			<label for="product_price">产品价格</label>
			<input type="text" class="form-control" id="product_price" placeholder="产品价格">
		  </div>
		  <div class="form-group">
			<label for="product_pic">产品图片</label>
			<input type="file" class="form-control" id="product_pic" placeholder="产品图片">
		  </div>
		  <div class="form-group">
			<label for="product_pics">产品图片预览</label>
			<img src="js/holder.js/140x140" alt="..." class="img-thumbnail">
		  </div>
		  
		  
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">保存产品信息</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->	


<!-- 弹出窗口 -->

	<%@ include file="foot.jsp"%>

    </div><!--/.container-->



    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-2.0.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/holder.js"></script>
	<script>
	$(function() {
		
	});
	</script>
  </body>
</html>
